<!doctype html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>手机浏览工具</title>
</head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/ssi-uploader.css" />

<style>
    body {
        display: flex
    }

    .content {
        width: 80%;
    }

    #dropz {
        width: 50%;
        position: fixed;
        top: 0;
        right: 0;
    }
</style>

<body>
    <div class="content">
        #content
    </div>

    <div class="container" id="dropz">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <input type="file" multiple id="ssi-upload" />
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="js/ssi-uploader.js"></script>
    <script type="text/javascript">
        $('#ssi-upload').ssi_uploader({
            url: '/upload',
            locale: 'zh',
            maxFileSize: 6,
            data: { "#path@": "" },
            onUpload: function () {
                window.location.reload();
            }
        });
        function del(path, isFile) {
            if (confirm("确定要删除" + path + "这个文件" +( isFile ? "" : "夹") + "吗？")) {
                console.log('开始删除')
            } else {
                console.log("取消删除")
            }
        }
    </script>


</body>

</html>